import { AppstoreAddOutlined, BarsOutlined } from "@ant-design/icons";
import { Tabs } from "antd";
import React, { FC } from "react";
import ComponentLib from "../componentLib";
import styles from "./index.module.scss";
import Layers from "../Layers";
const LeftPanel: FC = () => {
  const tabItems = [
    {
      key: "componentLib",
      label: (
        <span>
          <AppstoreAddOutlined />
          组件库
        </span>
      ),
      children: <ComponentLib />,
    },
    {
      key: "layers",
      label: (
        <span>
          <BarsOutlined />
          图层
        </span>
      ),
      children: <Layers />,
    },
  ];
  return (
    <div className={styles.tabList}>
      <Tabs defaultActiveKey="componentLib" items={tabItems} />
    </div>
  );
};

export default LeftPanel;
